<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./basic.css">
  <link rel="stylesheet" href="./style.css">
  <title>flex</title>
</head>
<body>
  <div class="container">
    <div class="item item-1"><span> 1 </span></div>
    <div class="item item-2"><span> 2 </span></div>
    <div class="item item-3"><span> 3 </span></div>
    <div class="item item-4"><span> 4 </span></div>
    <div class="item item-5"><span> 5 </span></div>
    <div class="item item-6"><span> 6 </span></div>
    <!-- <div class="item item-7"><span> 7 </span></div>
    <div class="item item-8"><span> 8 </span></div>
    <div class="item item-9"><span> 9 </span></div> -->
    <!-- <div class="item item-10"><span> 10 </span></div>
    <div class="item item-11"><span> 11 </span></div>
    <div class="item item-12"><span> 12 </span></div> -->
  </div>
</body>
</html>